import React from "react";
import CircleProgressBar from "./CircleProgressBar";
export default function (props) {
    return (
        <div style={{
            background: '#efefef',
            borderRadius: 20,
            padding: 10,
        }}>
            <div style={{
                display: "flex",
            }}>
                <div style={{
                    borderRadius: 5,
                    border: '5px solid #2E86C1',
                    marginRight: 10,
                }}></div>
                <div style={{
                    fontWeight: 'bold',
                    fontSize: 20,
                    flexGrow:1,
                    display: 'flex',
                    alignItems: 'center'
                }}>
                    Tasks This Week
                </div>
                <CircleProgressBar r={25} barColor={'#50a0c1'} progress={25} color={'#4a4a4a'} text={'1/4'}/>
            </div>
        </div>
    )
}